
$(function () {

    $(".zhuce").click(function () {

    })
    //光标焦点事件.focus(),移入时显示提示。
    // 如果红色的错误标签显示的话，提示的标签就不显示
    // 使用.is(':visible')方法来判断标签的显隐状态，返回值为布尔值
    $("#input0").focus(function () {
        $("#input0").css("border-color", "blue")
        $("#prompt0").show()
        if ($("#error0").is(':visible') == true) {
            $("#input0").css("border-color", "red")
            $("#prompt0").hide()
        }
    })


    $("#input1").focus(function () {
        $("#input1").css("border-color", "blue")
        $("#prompt1").show()
        if ($("#error1").is(':visible') == true) {
            $("#input1").css("border-color", "red")
            $("#prompt1").hide()
        }
    })

    $("#input2").focus(function () {
        $("#input2").css("border-color", "blue")
        $("#prompt2").show()
        if ($("#error2").is(':visible') == true) {
            $("#prompt2").hide()
        }
    })

    $("#input20").focus(function () {
        $("#input20").css("border-color", "blue")
        $("#prompt20").show()
        if ($("#error20").is(':visible') == true) {
            $("#prompt20").hide()
        }
    })

    $("#input3").focus(function () {
        $("#input3").css("border-color", "blue")
        $("#prompt3").show()
        if ($("#error3").is(':visible') ==true) {
            $("#prompt3").hide()
        }
    })

    //光标焦点解除事件.blur()使用正则表达式判断。
    $("#input0").blur(function () {
        $("#prompt0").hide()
        //注意jq获取input的值和js不一样用.val()
        var user1 = $("#input0").val().trim();
        //正则匹配任何字符，最少1个，最多10个
        var reg1 = /^.{1,10}$/;
        // var reg1 = /{1,10}$/;
        if (user1 != "") {
            if (reg1.test(user1) == false) {
                $("#error0").show()
                $("#input0").css("border-color", "red")
                return false;
            }
            else {
                $("#error0").hide()
                $("#input0").css("border-color", "green")
                return true;
            }
        }
        else {
            $("#error1").hide()
            $("#input1").css("border-color", "#cbcbcb")
            return false;
        }

    })


    $("#input1").blur(function () {
        $("#prompt1").hide()
        //注意jq获取input的值和js不一样用.val()
        var user1 = $("#input1").val().trim();
        var reg1 = /^[A-Za-z][A-Za-z_0-9]{6,18}$/;
        if (user1 != "") {
            if (reg1.test(user1) == false) {
                $("#error1").show()
                $("#input1").css("border-color", "red")
                return false;
            }
            else {
                $("#error1").hide()
                $("#input1").css("border-color", "green")
                return true;
            }
        }
        else {
            $("#error1").hide()
            $("#input1").css("border-color", "#cbcbcb")
            return false;
        }

    })

    $("#input2").blur(function () {
        $("#prompt2").hide()
        //注意jq获取input的值和js不一样用.val()
        var user2 = $("#input2").val().trim();
        var reg2 = /^[A-Za-z0-9]{8,16}$/;
        if (user2 != "") {
            if (reg2.test(user2) == false) {
                $("#error2").show()
                $("#input2").css("border-color", "red")
                return false;
            }
            else {
                $("#error2").hide()
                $("#input2").css("border-color", "green")
                return true;
            }
        }
        else {
            $("#error2").hide()
            $("#input2").css("border-color", "#cbcbcb")
            return false;
        }
    })

    $("#input20").blur(function () {
        $("#prompt20").hide()
        //注意jq获取input的值和js不一样用.val()
        var user1 = $("#input2").val().trim();
        var user2 = $("#input20").val().trim();
        if (user2 != "") {
            if (user1 != user2) {
                $("#error20").show()
                $("#input20").css("border-color", "red")
                return false;
            }
            else {
                $("#error20").hide()
                $("#input20").css("border-color", "green")
                return true;
            }
        }
        else {
            $("#error20").hide()
            $("#input20").css("border-color", "#cbcbcb")
            return false;
        }
    })


    $("#input3").blur(function () {
        $("#prompt3").hide()
        //注意jq获取input的值和js不一样用.val()
        var user3 = $("#input3").val().trim();
        var reg3 = /^1[3|4|5|7|8]\d{9}$/;
        if (user3 != "") {
            if (reg3.test(user3) == false) {
                $("#error3").show()
                $("#input3").css("border-color", "red")
                return false;
            }
            else {
                $("#error3").hide()
                $("#input3").css("border-color", "green")
                return true;
            }
        }
        else {
            $("#error3").hide()
            $("#input3").css("border-color", "#cbcbcb")
            return false;
        }
    })



})
